:root {
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #333;
    color: white;
  }
}

@media (prefers-color-scheme: light) {
  body {
    background: #ddd;
    color: black;

    .drag {
      margin-top: 10px;
      border: 2px solid black;
      border-radius: 3px;
      padding: 5px;
      display: inline-block;
    }
  }
}

body {
  margin: 0;
}

.titlebar {
  height: 30px;
  background: blue;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  app-region: drag;
}
